/* ------------ 布局样式 ------------ */
.e8theme-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.e8theme-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #0070c1;
}

.e8theme-content {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
}

.e8theme-aside {
    position: relative;
    z-index: 2;
    float: left;
    width: 225px;
    height: 100%;
    background-color: #2a2e34;
}

.e8theme-main {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden;
    background-color: #dadada;
}

.e8theme-clear {
    clear: both;
}

/* ------------ 内容样式 ------------ */
.e8theme-top-logo {
    float: left;
    width: 225px;
    height: 50px;
    line-height: 50px;
    background-color: #008df6;
}

.e8theme-top-logo span {
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
}

.e8theme-top-logo img {
    width: 100%;
    height: 100%;
}

.e8theme-top-menu {
    position: relative;
    z-index: 99;
    float: left;
    width: 340px;
    height: 50px;
    padding: 7px 0;
    overflow: hidden;
}

.e8theme-top-menu-items {
    float: left;
    width: 300px;
}

.e8theme-top-more-menu-btn {
    float: left;
    width: 40px;
    height: 35px;
    background: #0683e5 url(/wui/theme/ecology8/page/images/nav_wev8.png) no-repeat 50%;
    cursor: pointer;
}

.e8theme-top-menu-item {
    float: left;
    width: 40px;
    height: 35px;
    line-height: 35px;
    margin: 0 10px;
    color: #a4cceb;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e8theme-top-more-menu-active {
    height: auto !important;
    background-color: #2a2e34 !important;
}

.e8theme-top-more-menu-active .e8theme-top-more-menu-btn {
    background-color: transparent !important;
}

.e8theme-fu-menu {
    float: left;
    width: 40px;
    height: 50px;
    margin-left: 3px;
    padding: 7px 0;
    text-align: center;
}

.e8theme-fu-menu span {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #a4cceb;
    font-size: 12px;
    background-color: #0683e5;
}

.e8theme-qs {
    float: left;
    width: 210px;
    height: 50px;
    margin-left: 30px;
    padding: 7px 0;
}

.e8theme-qs-content {
    height: 35px;
    line-height: 35px;
    background-color: #027cda;
}

.e8theme-qs-type {
    float: left;
}

.e8theme-qs-type-name {
    float: left;
    width: 40px;
    color: #fff;
    text-align: center;
}

.e8theme-qs-type-down {
    float: left;
    width: 12px;
    height: 35px;
    background: url(/wui/theme/ecology8/page/images/toolbar/down_wev8.png) no-repeat 50%;
}

.e8theme-qs-split {
    float: left;
    width: 2px;
    height: 19px;
    margin: 8px 7px 0;
    background-color: #078bf3;
}

.e8theme-qs-input {
    float: left;
}

.e8theme-qs-input input {
    width: 112px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border: none;
    outline: none;
    background-color: transparent;
}

.e8theme-qs-button {
    float: right;
    width: 30px;
    height: 35px;
    background: #0782e4 url(/wui/theme/ecology8/skins/default/page/search_wev8.png) no-repeat 50%;
}

.e8theme-toolbar {
    float: right;
}

.e8theme-toolbar-fav {
    float: left;
    width: 40px;
    height: 50px;
    line-height: 50px;
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/fav_wev8.png) no-repeat 50%;
}

.e8theme-toolbar-more {
    float: left;
    width: 40px;
    height: 50px;
    line-height: 50px;
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/more_wev8.png) no-repeat 50%;
}

.e8theme-toolbar-logout {
    float: left;
    width: 40px;
    height: 50px;
    line-height: 50px;
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/logout_wev8.png) no-repeat 50%;
}

.e8theme-hrm {
    height: 40px;
    line-height: 40px;
    background-color: #003667;
}

.e8theme-hrm span {
    padding-left: 10px;
    color: #fff;
}

.e8theme-top-menu-name {
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    border-bottom: 1px solid #565656;
}

.e8theme-top-menu-name span {
    color: #a19e9e;
    font-size: 14px;
}

.e8theme-aside .wea-menu,
.e8theme-aside .ant-menu {
    background-color: transparent !important;
}

.e8theme-aside .ant-menu-item,
.e8theme-aside .ant-menu-submenu {
    color: #c4c4c4;
    border: none !important;
}

.e8theme-aside .ant-menu-item:hover,
.e8theme-aside .ant-menu-submenu-title:hover,
.e8theme-aside .ant-menu-submenu-active:hover,
.e8theme-aside .wea-menu-selected {
    background-color: rgba(255, 255, 255, 0.2);
}

.e8theme-left-menu-btm {
    position: relative;
    height: 48px;
    line-height: 48px;
    background: url(/wui/theme/ecology8/skins/default/page/f_wev8.png);
}

.e8theme-left-menu-btm .e8theme-left-menu-btm-item {
    display: inline-block;
    width: 55px;
    height: 30px;
    margin-top: 9px;
    cursor: pointer;
}

.e8theme-personal {
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/setting_wev8.png) no-repeat 50%;
}

.e8theme-personal:hover {
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/settingOver_wev8.png) no-repeat 50%;
}

.e8theme-password {
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/passwordsetting_wev8.png) no-repeat 50%;
}

.e8theme-password:hover {
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/passwordsettingOver_wev8.png) no-repeat 50%;
}

.e8theme-skin {
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/skinsetting_wev8.png) no-repeat 50%;
}

.e8theme-skin:hover {
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/skinsettingOver_wev8.png) no-repeat 50%;
}

.e8theme-remind {
    border-right: none !important;
    background: url(/wui/theme/ecology8/page/images/menuicon/bright/remind_wev8.png) no-repeat 50%;
}

.e8theme-toggle {
    position: absolute;
    width: 15px;
    height: 48px;
    right: 0;
    bottom: 0;
    background: url(/wui/theme/ecology8/page/images/leftHideDefault_wev8.png) no-repeat 50%;
    cursor: pointer;
}

.e8theme-toggle:hover {
    background: url(/wui/theme/ecology8/page/images/leftHide_wev8.png) no-repeat 50%;
}

.e8theme-toggle2 {
    display: none;
    position: absolute;
    width: 15px;
    height: 48px;
    bottom: 0;
    left: 0;
    background: url(/wui/theme/ecology8/page/images/leftShowDefault_wev8.png) no-repeat 50%;
    cursor: pointer;
}

.e8theme-toggle2:hover {
    background: url(/wui/theme/ecology8/page/images/leftShow_wev8.png) no-repeat 50%;
}

.e8theme-main-portal-setting {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 120px;
    margin-left: -150px;
    margin-top: -60px;
}

.e8theme-main-portal-edit,
.e8theme-main-portal-element {
    float: left;
    height: 114px;
    width: 114px;
    line-height: 114px;
    text-align: center;
    cursor: pointer;
}

.e8theme-main-portal-edit span,
.e8theme-main-portal-element span {
    display: none;
    color: #fe8814;
    font-size: 14px;
}

.e8theme-main-portal-edit {
    background: url(/wui/theme/ecology8/page/images/themeedit/hedit_wev8.png) no-repeat 50%;
}

.e8theme-main-portal-element {
    margin-left: 60px;
    background: url(/wui/theme/ecology8/page/images/themeedit/helement_wev8.png) no-repeat 50%;
}

.e8theme-main-portal-edit:hover,
.e8theme-main-portal-element:hover {
    background: url(/wui/theme/ecology8/page/images/themeedit/hbg_wev8.png) no-repeat 50%;
}

.e8theme-main-portal-edit:hover span,
.e8theme-main-portal-element:hover span {
    display: block;
}

/* ------------ 维护样式 ------------ */
.e8theme-top-logo,
.e8theme-top-menu,
.e8theme-fu-menu,
.e8theme-qs,
.e8theme-aside {
    border: 1px dashed transparent;
}

.e8theme-top-menu {
    width: 342px;
}

.e8theme-qs {
    width: 212px;
}

.e8theme-top-logo:hover,
.e8theme-top-menu:hover,
.e8theme-aside:hover {
    border: 1px dashed #f00;
    cursor: pointer;
}
